<!doctype html>
<html class="no-js">
  <head>
    <meta charset="utf-8">
    <title></title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width">
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
    <!-- build:css(.) styles/vendor.css -->
    <!-- bower:css -->
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
    <!-- endbower -->
    <!-- endbuild -->
    <!-- build:css(.tmp) styles/main.css -->
    <link rel="stylesheet" href="styles/main.css">
    <!-- endbuild -->
  </head>
  <body ng-app="sourceApp">
    <!--[if lt IE 7]>
      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->

    <div class="container">
        <header ng-show="currentUser">
            <figure>
                <img src="images/yeoman.png" alt="">
                <figcaption>Nombre del colegio</figcaption>
            </figure>
            <h1 class="text-muted">Sistema de Administración de Colegios</h1>
            <h2 class="text-muted"><span class="glyphicon glyphicon-user"></span> UserName</h2>
            <span class="btn btn-default"><a href="" ng-click="logout()" class="glyphicon glyphicon-remove"></a></span>

            <ul class="nav nav-pills nav-stacked">
                <li role="presentation" class="active"><a href="#/">Inicio</a></li>
                <li role="presentation"><a href="#/calendar">Calendario</a></li>
                <li role="presentation"><a href="#/grades">Calificaciones</a></li>
                <li role="presentation"><a href="#/messages">Mensajes</a></li>
                <li role="presentation"><a href="#/directory">Directorio</a></li>
                <li role="presentation">- - -</li>
                <li role="presentation"><a href="#/config">Configuración</a></li>
                <li role="presentation"><a href="#/links">Vínculos</a></li>
                <li role="presentation"><a href="#/about">Acerca de</a></li>
            </ul>

            <span class="glyphicon glyphicon-step-backward"></span>
        </header>
        <div class="content">
            <div ng-view=""></div>    
        </div>
    </div>

    <!-- build:js(.) scripts/vendor.js -->
    <!-- bower:js -->
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <script src="bower_components/angular-animate/angular-animate.js"></script>
    <script src="bower_components/angular-cookies/angular-cookies.js"></script>
    <script src="bower_components/angular-resource/angular-resource.js"></script>
    <script src="bower_components/angular-route/angular-route.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
    <script src="bower_components/angular-touch/angular-touch.js"></script>
    <script src="bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
    <!-- endbower -->
    <!-- endbuild -->

        <!-- build:js({.tmp,app}) scripts/scripts.js -->
        <script src="scripts/app.js"></script>
        <script src="scripts/controllers/main.js"></script>
        <script src="scripts/controllers/about.js"></script>
        <script src="scripts/controllers/login.js"></script>
        <script src="scripts/controllers/directory.js"></script>
        <script src="scripts/services/apiserver.js"></script>
        <!-- endbuild -->
</body>
</html>
